<ul id="ul_menu" class="menu">
<li class="mProfile"><a href="/blog/index" title="首页"></a></li>
<li class="mNotebook"><a href="/blog/notebook" title="笔记本"></a></li>
<li class="mNote"><a href="/blog/note" title="笔记"></a></li>
<li class="mTags"><a href="/blog/tags" title="标签"></a></li>
<li class="mSearch"><a href="/blog/search" title="搜索"></a></li>
<li class="mChat"><a href="/blog/chat" title="留言"></a></li>
</ul>
<script type="text/javascript" src="/resource/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="/resource/js/jquery.ui.effect.js"></script>
<script type="text/javascript">
	var page = $("#ul_menu").find("li").eq(MenuIndex);
	page.addClass("on").siblings().hover(function() {
		$(this).animate({
			"backgroundColor": "#FFF", 
			"backgroundPositionY": "-90px"}, 500);
	}, function(){
		$(this).animate({
			"backgroundColor": "#CCC", 
			"backgroundPositionY": "0px"}, 300);
	});
</script>